$green: #1abc9c;
$red: #ff7373;
.contents {
  background: #f7f7f7;
	padding-bottom: 34px;
	.mycart {
		background-color: #fff;
		border: 1px solid #eee;
		border-bottom: 0;
		font-size: 18px;
		color: #333;
		margin-top: 30px;
		.loseefficacy {
			height: 50px;
			border-bottom: 1px solid #eee;
			line-height: 50px;
			padding-left: 40px;
		}
		.caption {
			height: 80px;
			border-bottom: 1px solid #eee;
			padding: 0 40px;
			text-align: center;
		}
		.proitem {
			height: 180px;
			border-bottom: 1px solid #eee;
			padding: 0 40px;
			text-align: center;
			.checkboximg {
				flex: 2;
				.proimg {
					width: 126px;
					height: 126px;
					margin-left: 30px;
				}
			}
			.proinfo {
				display: flex;
				height: 126px;
				flex: 2;
				flex-direction: column;
				justify-content: space-around;
				.name {
					font-size: 20px;
				}
				.describe {
					color: #999;
				}
			}
			.price {
				flex:1;
			}
			.count {
				flex:1;
				.reduce {
					width: 40px;
					height: 36px;
					border: solid 1px #eeeeee;
					img {
						width: 22px;
					}
				}
				.number {
					width: 60px;
					height: 36px;
					border-top: solid 1px #eeeeee;
					border-bottom: solid 1px #eeeeee;

				}
				.add {
					width: 40px;
					height: 36px;
					border: solid 1px #eeeeee;
					img {
						width: 22px;
					}
				}
			}
			.total {
				flex:1;
				color: #ff4633;
			}
			.handle {
				flex:1;
				text-align: center;
				.removetofavorite {
					margin-bottom: 30px;
				}
				.delete {
				}
			}
		}
	}
	.account {
		height: 80px;
		background-color: #ffffff;
		// border: solid 1px #eeeeee;
		padding-left: 40px;
		font-size: 16px;
		color: #666;
		margin:30px 0; 
		.account_l {
			flex: 1;
		}
		.account_r {
			width: 230px;
			height: 80px;
			background-color: #f04844;
			font-size: 22px;
			color: #fff;
		}
	}
}
